.mmv {
  &-avatar {
    display: inline-block;
    position: relative;
    &__xs {
      width: 24px;
      height: 24px;
    }
    &__sm {
      width: 32px;
      height: 32px
    }
    &__md {
      width: 44px;
      height: 44px
    }
    &__lg {
      width: 60px;
      height: 60px
    }
    &__xl {
      width: 80px;
      height: 80px
    }
    &__xxl {
      width: 120px;
      height: 120px
    }
    &__img {
      width: 100%;
      height: 100%;
      border-radius: 50%;
      border: 1px solid #ebebeb;
      vertical-align: top;
    }
    &__auth {
      position: absolute;
      bottom: 0;
      right: 0;
      z-index: 5;
    }
    &__xs &__auth {
      font-size: 8px;
      img {
        height: 8px;
      }
    }
    &__sm &__auth {
      font-size: 12px;
    }
    &__md &__auth {
      font-size: 14px;
    }
    &__lg &__auth,
    &__xl &__auth {
      font-size: 18px;
      right: 0;
    }
    &__xxl &__auth {
      font-size: 22px;
      right: 5px;
      bottom: 5px
    }
    &__pendant {
      position: absolute;
      display: block;
      left: 50%;
      top: 50%;
      transform: translate(-50%, -50%);
      width: calc(128.5% - 2px);
      height: calc(128.5% - 2px);
      pointer-events: none;
      z-index: 2;
    }
  }
}